<style>
    .projectSelect .jqtree-tree {border: none;}
    .step-num { margin: 0px 0; width: 571px;}
     .jqtree-tree{border-bottom: 1px solid #d9d9d9;}
    .textarea{border: 1px solid #d9d9d9;}

</style>
<!--新增用户--基本信息-->
<form name="user_basic_form" class="ui-dialog-content" style="width: 650px;position: relative;" data-ng-show="$stepIndex == 0">
    <div class="step-num">
        <div class="num-fav"><a class="checked">1</a><span class="mt5 fl c-orange">基本信息</span></div>
        <div class="num-fav" style="left: 130px;"><a>2</a><span class="mt5 fl">角色授权</span></div>
        <div class="num-fav" style="left: 260px;"><a>3</a><span class="mt5 fl">分配公众号</span></div>
        <div class="num-fav" style="left: 390px;"><a>4</a><span class="mt5 fl">分配项目</span></div>
        <div class="bottom-line" style="left:35px;top:16px;  width: 390px;"></div>
    </div>

    <table width="100%" class="mt10">
        <tbody>
        <tr>
            <td align="left" class="form-cell w75 pt16" valign="top"><em class="c-red">*</em> 用户姓名</td>
            <td class="w225 pt12"  valign="top"><input type="text" name="userName" class="input-text mr5 w215" data-ng-model="data.row.userName" required maxlength="20"
                    >
                <p role="alert"
                   ng-show="(user_basic_form.userName.$touched || user_basic_form.$submitted) && user_basic_form.userName.$error.required"
                   class="error ng-hide c-red lh30">
                    请填写用户姓名</p></td>
            <td align="left" class="form-cell w75 pt16" valign="top"><em class="c-red">*</em> 登录名</td>
            <td class="w225 pt12" valign="top"><input type="text" name="userCode" class="input-text mr5 w215" data-ng-model="data.row.userCode" required maxlength="16"
                                                      ng-pattern="/^[\u4e00-\u9fa5|a-z|A-Z|0-9|_]+$/">
                <p role="alert"
                   ng-show="(user_basic_form.userCode.$touched || user_basic_form.$submitted) && user_basic_form.userCode.$error.required"
                   class="error ng-hide c-red lh30">
                    请填写登录名</p>

                <p role="alert"
                   ng-show="(user_basic_form.userCode.$touched || user_basic_form.$submitted) && user_basic_form.userCode.$error.pattern"
                   class="error ng-hide c-red lh30">
                    只能输入汉字、字母、数字、下划线</p></td>
        </tr>
        <tr>
            <td align="left" class="form-cell w75 pt16" valign="top">&nbsp;&nbsp;所属组织</td>
            <td class="w225 pt12" valign="top"><input type="text" name="" class="input-text mr5 w215" disabled data-ng-model="data.row.buname"></td>
            <td align="left" class="form-cell w75 pt16" valign="top"><em class="c-red">* </em> 密码</td>
            <td class="w225 pt12" valign="top"><input type="password" name="password" class="input-text mr5 w215" data-ng-model="data.row.password" required maxlength="20">
                <p role="alert"
                   ng-show="(user_basic_form.password.$touched || user_basic_form.$submitted) && user_basic_form.password.$error.required"
                   class="error ng-hide c-red lh30">
                    请填写密码</p></td>
        </tr>
        <tr ng-show="isAdmin">
            <td align="left" class="form-cell w75 pt16" valign="top">&nbsp;&nbsp;超级用户</td>
            <td class="w225 pt16" valign="top"><div class="switch fl switch-on" data-ng-switch data-ng-model="data.row.isAdmin">
                <span class="switch-text">开</span>
                <span class="switch-white"></span>
            </div></td>
            <td align="left" class="form-cell w75 pt16" valign="top"></td>
            <td class="w225 pt12" valign="top"></td>
        </tr>
        <tr>
            <td align="left" class="form-cell w75 pt16" valign="top">&nbsp;&nbsp;电子邮件</td>
            <td class="w225 pt12" valign="top"><input type="text" name="email" class="input-text mr5 w215" data-ng-model="data.row.email" maxlength="50" ng-pattern="/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/">
                <span role="alert"
                   ng-show="(user_basic_form.email.$touched || user_basic_form.$submitted) && user_basic_form.email.$error.pattern"
                   class="error ng-hide c-red lh30">
                    格式不正确</span></td>
            <td align="left" class="form-cell w75 pt16" valign="top">&nbsp;&nbsp;办公电话</td>
            <td class="w225 pt12" valign="top"><input type="text" name="" class="input-text mr5 w215" data-ng-model="data.row.officePhone" maxlength="50"></td>
        </tr>
        <tr>
            <td align="left" class="form-cell w75 pt16" valign="top">&nbsp;&nbsp;手机</td>
            <td class="w225 pt12" valign="top"><input type="text" name="" class="input-text mr5 w215" data-ng-model="data.row.mobilePhone" maxlength="50"></td>
            <td align="left" class="form-cell w75 pt16" valign="top">&nbsp;&nbsp;家庭电话</td>
            <td class="w225 pt12" valign="top"><input type="text" name="" class="input-text mr5 w215" data-ng-model="data.row.homePhone" maxlength="50"></td>
        </tr>
        <tr>
            <td align="left" class="form-cell w75 pt16" valign="top">&nbsp;&nbsp;说明</td>
            <td class="pt12" colspan="4"><textarea name="" class="textarea" data-ng-model="data.row.comments" style="width: 537px;" maxlength="500"> </textarea></td>
        </tr>
        </tbody>
    </table>
</form>
<!--新增用户--角色授权-->
<div  class="ui-dialog-content auto-scroll" style="width: 810px;position: relative;height: 390px;" data-ng-show="$stepIndex == 1">
    <div class="step-num">
        <div class="num-fav"><a class="checked">1</a><span class="mt5 fl c-orange">基本信息</span></div>
        <div class="num-fav" style="left: 130px;"><a class="checked">2</a><span class="mt5 fl c-orange">角色授权</span></div>
        <div class="num-fav" style="left: 260px;"><a>3</a><span class="mt5 fl">分配公众号</span></div>
        <div class="num-fav" style="left: 390px;"><a>4</a><span class="mt5 fl">分配项目</span></div>
        <div class="bottom-line" style="left:35px;top:16px;  width: 390px;"></div>
    </div>
    <div class="clearfix"></div>
    <div class="" style="" ng-role-tree roles="data.roles" selects="data.row.roles" multi='true'>加载中...<!--角色列表--></div>
</div>
<!--新增用户--分配公众号-->
<div class="ui-dialog-content auto-scroll" style="width: 810px;position: relative;height: 390px;" data-ng-show="$stepIndex == 2" data-ng-init="searchText = '';tokenSearchText='';">
    <div class="step-num">
        <div class="num-fav"><a class="checked">1</a><span class="mt5 fl c-orange">基本信息</span></div>
        <div class="num-fav" style="left: 130px;"><a class="checked">2</a><span class="mt5 fl c-orange">角色授权</span></div>
        <div class="num-fav" style="left: 260px;"><a class="checked">3</a><span class="mt5 fl c-orange">分配公众号</span></div>
        <div class="num-fav" style="left: 390px;"><a>4</a><span class="mt5 fl">分配项目</span></div>
        <div class="bottom-line" style="left:35px;top:16px;  width: 390px;"></div>
    </div>
        <div class="grid-header clearfix mt5" style="position: relative;">
            <input type="text" name="" class="input-text fl mr5 w310" data-ng-model="searchText" ng-enter="tokenSearchText = searchText">
            <span class="fl mr5"><a href="##" class="btn" data-ng-click="tokenSearchText = searchText">搜索</a></span>
        </div>
        <div class="sheet">
            <table width="100%" class="mt5">
                <thead>
                <tr class="thead ta-l">
                    <!--<th  height="34">序号</th>-->
                    <th width="260" height="34" style="border-bottom: none;">组织公众号</th>
                    <th style="border-bottom: none;">微信号</th>
                </tr>
                </thead>
            </table>
            <div style="" class="" ng-tokentree
                 search-text="tokenSearchText"
                 tokens="data.tokens"
                 selects="data.row.tokens"></div>
        </div>
</div>

<!--新增用户--分配项目-->
<div class="ui-dialog-content" style="width: 860px;position: relative;height: 500px;  overflow: auto;" data-ng-show="$stepIndex == 3">
    <div class="step-num">
        <div class="num-fav"><a class="checked">1</a><span class="mt5 fl c-orange">基本信息</span></div>
        <div class="num-fav" style="left: 130px;"><a class="checked">2</a><span class="mt5 fl c-orange">角色授权</span></div>
        <div class="num-fav" style="left: 260px;"><a class="checked">3</a><span class="mt5 fl c-orange">分配公众号</span></div>
        <div class="num-fav" style="left: 390px;"><a class="checked">4</a><span class="mt5 fl c-orange">分配项目</span></div>
        <div class="bottom-line" style="left:35px;top:16px;  width: 390px;"></div>
    </div>
    <div class="border mt5 clearfix projectSelect" data-ng-controller="ProjectSelect">
        <div class="left-list" style="width: 200px;height:443px;min-height: 443px;">
            <div class="left-list-bd"></div>
            <div class="clearfix" style="padding:10px">组织列表：</div>
            <div class="auto-tree" style="height: 403px;" ng-company-tree companies="companies" changed="change($select)">加载中...<!--角色列表--></div>
        </div>
        <div class="left-list-con" style="width:613px;padding: 8px 10px 14px 10px;">
            <div class="grid-header clearfix" style="position: relative;padding-bottom: 10px;">
                <span class="fl f14 lh30 text-indent">项目列表：</span>
                <input type="text" name="" class="input-text fl mr5 w200 " data-ng-model="search.searchText" data-ng-enter="refrash()">
                <span class="fl mr5"><a href="##" class="btn" data-ng-click="refrash()">搜索</a></span>
            </div>
            <div class="sheet">
                <table width="100%" class="mt5 f12">
                    <thead>
                    <tr class="thead ta-l">
                        <th class="text-center" height="30" width="40">序号</th>
                        <th class="text-left">项目名称</th>
                        <th class="text-left"><div class="checkbox  text-left">
                            <input type="checkbox" id="proj_checkbox_all{{$id}}"
                                   data-ng-model="checkedAll"
                                   data-ng-change="selectAll()"><label for="proj_checkbox_all{{$id}}">分期名称</label>
                        </div></th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr data-ng-repeat="row in data.rows">
                        <td width="40" height="34">
                            <label>{{$index+1}}</label></td>
                        <td class="text-left"><label>{{row.ParentProjName || row.ProjName}}</label></td>
                        <td class="text-left"><div class="checkbox"><input type="checkbox" id="proj_checkbox_{{row.ProjectGUID}}{{$id}}"
                                   data-ng-model="row.checked"
                                   data-ng-change="selectProject(row)"
                                >
                            <label for="proj_checkbox_{{row.ProjectGUID}}{{$id}}">{{row.ProjName}}</label></div></td>
                    </tr>
                    </tbody>
                </table>
                <div ui-pagination page-index="data.pageIndex" total="data.total" changed="refrash($pageIndex)"></div>
            </div>
        </div>
    </div>
</div>